<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/png" href="js.gif">

<!-- used for test, small modification at line 102 -->
<script type="text/javascript" src="prototype.js"></script>

<link rel="stylesheet" type="text/css" href="shapes.css" />
<script type="text/javascript" src="shapes.js"></script>

<script type="text/javascript">
	Event.observe( window, 'load', function()
    {
	    Console.init();
	    Global.init();

	    Global.top.setAjaxCallback( function( transport )
	    {
		    Console.out( Console.INFO, "AJAX status: ", transport.status, " ", transport.statusText );
		    Console.out( Console.INFO, "AJAX headers: ", transport.getAllResponseHeaders() );
		    Console.out( Console.INFO, "AJAX content: ", transport.responseText );

	    } );

	    Global.top.setAjaxAction( "action" );
    } );
</script>
</head>

<body>
	<table id="table" style="width: 100%;" cellpadding="8" cellspacing="8">
		<tr>
			<td style="width: 50%"><iframe id="1" class="frame" frameborder="1" marginwidth="8" marginheight="8"
					src="shapes.html"> </iframe></td>
			<td style="width: 50%"><iframe id="2" class="frame" frameborder="1" marginwidth="8" marginheight="8"
					src="shapes.html"> </iframe></td>
		</tr>
	</table>

	<div id="console" class="console"></div>
</body>
</html>

